@mixin button-size($padding-y,$padding-x,$font-size,$border-raduis){
    padding: $padding-y $padding-x;
    font-size: $font-size;
    border-radius: $border-raduis;
}

@mixin button-style(
    $background,
    $border, 
    $color,
    $hover-background:lighter($background, 7.5%),
    $hover-border: lighter($border, 10%),
    $hover-color: $color,
){
    color: $color;
    background: $background;
    border-color: $border;
    &:hover {
        color: $hover-background;
        background: $hover-background;
        border-color: $hover-border;
    }
    &:focus,
    &.focus {
        color: $hover-color;
        background: $hover-background;
        border-color: $hover-border
    }
    &:disabled,
    &.disabled{
        color:$color;
        background: $hover-background;
        border-color: $hover-border;
    }
}